<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Plyr - A simple HTML5 media player</title>
    <meta name="description" content="A simple HTML5 media player with custom controls and WebVTT captions.">
    <meta name="author" content="Sam Potts">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Styles -->
    <link rel="stylesheet" href="../dist/plyr.css">
    <!-- Preload -->
    <link rel="preload" as="font" crossorigin type="font/woff2" href="https://cdn.plyr.io/static/fonts/avenir-medium.woff2">
    <link rel="preload" as="font" crossorigin type="font/woff2" href="https://cdn.plyr.io/static/fonts/avenir-bold.woff2">
    <style>
        .plyr__tooltip{
            display: none !important;
        }
        .par{
            width: 400px;
            height: 200px;
            margin: 0 auto;
        }
    </style>
</head>

<body>

    <div class="par">
       <video poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg?v1" controls crossorigin>
           <source src="http://jq22com.qiniudn.com/jq22-sp.mp4" type="video/mp4">
           <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.webm" type="video/webm">
       </video>
    </div>
    <div class="par">
        <video poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg?v1" controls crossorigin>
            <source src="http://jq22com.qiniudn.com/jq22-sp.mp4" type="video/mp4">
            <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.webm" type="video/webm">
        </video>
    </div>
    <div class="par">
        <video poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg?v1" controls crossorigin>
            <source src="http://jq22com.qiniudn.com/jq22-sp.mp4" type="video/mp4">
            <source src="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.webm" type="video/webm">
        </video>
    </div>
</body>
    <script src="../dist/plyr.js"></script>
    <script src="dist/demo.js"></script>
    <script src="https://cdn.rangetouch.com/1.0.1/rangetouch.js" async></script>
    <script src="https://cdn.shr.one/1.0.1/shr.js"></script>
</html>